@import url('../../style.less');

.green {
	background-color: #35c895 !important;
}

.orange {
	background-color: #eab83e !important;
}

.red {
	background-color: #ea643e !important;
}

//上下部分
.statistics {
	//底外填充50rpx
	margin-bottom: 50rpx;
	.big-icon {
		width: 250rpx;
		display: block;
		margin-left: auto;
		margin-right: auto;
		margin-top: 40rpx;
	}
	.report-title {
		display: flex;
		justify-content: center;
		margin-top: 20rpx;
		.days {
			font-size: 60rpx;
			color: @font-color;
		}
		.unit {
			margin-left: 10rpx;
			margin-top: 33rpx;
			color: @font-color;
		}
	}
	.sub-title {
		font-size: 34rpx;
		color: @font-color;
		text-align: center;
		margin-top: 10rpx;
	}
	.report {
		display: flex;
		//justify-content: space-between; 一个贴头一个贴尾，剩下的间隔在中间
		justify-content: space-between;
		margin-top: 30rpx;
		//正常、迟到、缺勤    签到三个框的情况
		.column {
			flex-grow: 1;
			flex-shrink: 1;
			color: #fff;
			//内上填充，上填充比下填充多，字体稍微靠下面
			padding-top: 20rpx;
			//内下填充
			padding-bottom: 15rpx;
			//正常、迟到、缺勤签到文字
			.column-title {
				//block独占一行，文字居中
				display: block;
				text-align: center;
				font-size: 30rpx;
				margin-bottom: 5rpx;
			}
			//签到数
			.number {
				display: block;
				text-align: center;
				font-size: 30rpx;
			}
		}
	}
}
